<template>
	<n-popover trigger="hover" placement="bottom-end" style="padding: 0" :show-arrow="false">
		<template #trigger>
			<div class="h-full flex items-center hover:text-primary cursor-pointer">
				<base-icon name="download" class="text-xl"></base-icon>
			</div>
		</template>
		<div class="w-[204px] p-4 flex flex-col bg-bg-8 rounded-sm">
			<base-image src="download/qr.png"></base-image>
			<base-image class="mt-4" src="download/app-store.svg"></base-image>
			<base-image class="mt-1" src="download/google-play.svg"></base-image>
		</div>
	</n-popover>
</template>

<script lang="ts" setup>
import { NPopover } from 'naive-ui'
import { BaseIcon, BaseImage } from '@/components/base'

defineOptions({ name: 'AppDownload' })
</script>
